<!DOCTYPE html>
<html lang="en">
  <head>
    <meta name="referrer" content="origin" />
    <meta charset="utf8" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, viewport-fit=cover"
    />
    <meta name="theme-color" content="#000000" />
    <meta
      name="description"
      content="GPT-powered AI Storyteller. Driven by AI, construct unique stories, thrilling tales, seductive romances, or just fool around. Anything goes!"
    />
    <meta
      name="keywords"
      content="ai, adventure, writing, novelai, novel ai, anlatan, ai dungeon, aidungeon, openai, \ nai, games, computer, videogames, text, textadventure, novel, kurumuz, latitude"
    />
    <meta
      http-equiv="Cache-Control"
      content="no-cache, no-store, must-revalidate"
    />
    <meta http-equiv="Pragma" content="no-cache" />
    <meta http-equiv="Expires" content="0" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="darkreader" content="disable" />
    <title>NAIFU</title>
    <meta name="next-head-count" content="12" />
    <link rel="preconnect" href="https://fonts.gstatic.com" />
    <meta name="referrer" content="no-referrer" />
    <link rel="icon" href="/icons/novelai-round.png" />
    <link rel="apple-touch-icon" href="/icons/novelai-square.png" />
    <link rel="mask-icon" href="/icons/pen-tip-light.svg" color="#ffffff" />
    <link rel="manifest" href="/manifest.json" />
    <link
      rel="preload"
      href="/_next/static/css/32f1e54debdb3c74.css"
      as="style"
    />
    <link
      rel="stylesheet"
      href="/_next/static/css/32f1e54debdb3c74.css"
      data-n-g=""
    />
    <noscript data-n-css=""></noscript>
    <script
      defer=""
      nomodule=""
      src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"
    ></script>
    <script
      src="/_next/static/chunks/webpack-b529e21bca11caf2.js"
      defer=""
    ></script>
    <script
      src="/_next/static/chunks/main-f17b067b102428ca.js"
      defer=""
    ></script>
    <script
      src="/_next/static/chunks/pages/_app-128a4b077453e8e5.js"
      defer=""
    ></script>
    <script
      src="/_next/static/chunks/pages/index-9063cb5cbe951293.js"
      defer=""
    ></script>
    <script
      src="/_next/static/iOAiUfaIqGfmt0b-o-tJ0/_buildManifest.js"
      defer=""
    ></script>
    <script
      src="/_next/static/iOAiUfaIqGfmt0b-o-tJ0/_ssgManifest.js"
      defer=""
    ></script>
    <style data-styled="" data-styled-version="5.3.6">
      html {
        font-size: 16px;
        line-height: 1.5;
      } /*!sc*/
      body {
        font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont,
          "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans",
          "Droid Sans", "Helvetica Neue", sans-serif;
        color: #ffffff;
        --loader-color: #f5f3c2;
      } /*!sc*/
      * {
        -webkit-scrollbar-width: thin;
        -moz-scrollbar-width: thin;
        -ms-scrollbar-width: thin;
        scrollbar-width: thin;
        color: inherit;
      } /*!sc*/
      input::-webkit-input-placeholder,
      textarea::-webkit-input-placeholder {
        opacity: 1;
        color: #ffffff77;
      } /*!sc*/
      input::-moz-placeholder,
      textarea::-moz-placeholder {
        opacity: 1;
        color: #ffffff77;
      } /*!sc*/
      input:-ms-input-placeholder,
      textarea:-ms-input-placeholder {
        opacity: 1;
        color: #ffffff77;
      } /*!sc*/
      input::placeholder,
      textarea::placeholder {
        opacity: 1;
        color: #ffffff77;
      } /*!sc*/
      code {
        font-family: "Source Code Pro", Menlo, Monaco, Consolas, "Courier New",
          monospace;
        font-size: 0.9rem;
      } /*!sc*/
      div {
        word-break: break-word;
      } /*!sc*/
      a {
        color: #ffffff;
        -webkit-text-decoration: none;
        text-decoration: none;
        font-weight: 600;
      } /*!sc*/
      a:hover {
        color: #f5f3c2;
        -webkit-text-decoration: none;
        text-decoration: none;
      } /*!sc*/
      strong {
        font-weight: 600;
      } /*!sc*/
      input,
      textarea {
        background: #0e0f21;
        border: 0;
        color: #ffffff;
        font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont,
          "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans",
          "Droid Sans", "Helvetica Neue", sans-serif;
        font-size: 0.875rem;
        padding: 10px 0 10px 10px;
        resize: none;
        width: 100%;
        touch-action: pan-y;
      } /*!sc*/
      button {
        font: inherit;
        font-weight: 600;
      } /*!sc*/
      h1,
      h2,
      h3,
      h4,
      h5,
      h6 {
        margin: 0 0 0.5rem;
      } /*!sc*/
      p {
        margin: 0 0 1rem;
      } /*!sc*/
      input:focus,
      [role="button"]:focus,
      textarea:focus,
      button:focus {
        outline-color: #ffffff;
      } /*!sc*/
      input:active,
      [role="button"]:active,
      textarea:active,
      button:active {
        outline-width: 0 !important;
      } /*!sc*/
      input:focus,
      [role="button"]:focus,
      textarea:focus,
      button:focus {
        outline-width: 0;
      } /*!sc*/
      label {
        font-size: 0.875rem;
      } /*!sc*/
      button:disabled {
        color: #ffffffa0;
      } /*!sc*/
      h1,
      h2,
      h3,
      h4,
      h5,
      h6 {
        color: #f5f3c2;
        font-family: "Eczar";
        font-weight: 600;
        -webkit-letter-spacing: 0.5px;
        -moz-letter-spacing: 0.5px;
        -ms-letter-spacing: 0.5px;
        letter-spacing: 0.5px;
      } /*!sc*/
      ::-webkit-scrollbar-track {
        background: none;
      } /*!sc*/
      ::-webkit-scrollbar {
        height: 14px;
        width: 14px;
      } /*!sc*/
      ::-webkit-scrollbar-thumb {
        background-clip: padding-box;
        background-color: #22253f;
        border: 5px solid transparent;
        border-radius: 15px;
      } /*!sc*/
      ::-webkit-scrollbar-corner {
        display: none;
      } /*!sc*/
      button[disabled] {
        pointer-events: none;
      } /*!sc*/
      ::-webkit-scrollbar-button {
        display: none;
        height: 0;
        width: 0;
      } /*!sc*/
      input::-webkit-outer-spin-button,
      input::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
      } /*!sc*/
      input[type="number"] {
        -moz-appearance: textfield;
      } /*!sc*/
      .multi-line {
        color: black;
      } /*!sc*/
      .select {
        box-shadow: 0 0 1px 0 rgba(255, 255, 255, 0.6);
      } /*!sc*/
      .ProseMirror {
        touch-action: pan-y;
        background: transparent;
        border: 0;
        color: rgba(230, 230, 230, 0.863);
        padding: 10px 0 10px 10px;
        resize: none;
        width: 100%;
        min-height: 100%;
        height: -webkit-min-content;
        height: -moz-min-content;
        height: min-content;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        word-break: break-word;
        overflow: visible;
        position: relative;
        text-rendering: optimizeSpeed;
        font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont,
          "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans",
          "Droid Sans", "Helvetica Neue", sans-serif;
        font-size: 18px;
        line-height: 1.8em;
        color: #ffffff;
        -webkit-transition: background-color 0.08s ease-in-out;
        transition: background-color 0.08s ease-in-out;
      } /*!sc*/
      .ProseMirror p {
        margin: 0;
      } /*!sc*/
      .ProseMirror > p {
        color: #f5f3c2;
      } /*!sc*/
      .ProseMirror p.empty-node::before {
        float: left;
        color: #aaa;
        pointer-events: none;
        height: 0;
        font-style: italic;
      } /*!sc*/
      .ProseMirror p.empty-node:first-child::before {
        content: "Enter your prompt here…";
        color: #ffffff77;
        font-style: normal;
      } /*!sc*/
      .ProseMirror p:not(.empty-node) {
        text-indent: 10px;
        padding-bottom: 0.5em;
      } /*!sc*/
      .ProseMirror .highlight {
        border-radius: 3px;
        background-color: rgba(255, 120, 120, 0.4);
      } /*!sc*/
      .ProseMirror .link {
        cursor: pointer;
        border-bottom: 2px solid rgba(245, 243, 194, 0.5);
      } /*!sc*/
      .ProseMirror .lorekey {
        font-weight: 700;
        border-radius: 3px;
      } /*!sc*/
      .ProseMirror .lorekey:hover {
        background: rgba(255, 120, 120, 0.4);
      } /*!sc*/
      .ProseMirror .aiText {
        color: #ffffff;
      } /*!sc*/
      .ProseMirror .userText {
        color: #9cdcff;
      } /*!sc*/
      .ProseMirror .editText {
        color: #f4c7ff;
      } /*!sc*/
      .ProseMirror .promptText {
        color: #f5f3c2;
      } /*!sc*/
      .ProseMirror .bold {
        font-weight: 700;
      } /*!sc*/
      .ProseMirror .italic {
        font-style: italic;
      } /*!sc*/
      .ProseMirror .underline {
        -webkit-text-decoration: underline;
        text-decoration: underline;
      } /*!sc*/
      .ProseMirror .strikethrough {
        -webkit-text-decoration: line-through;
        text-decoration: line-through;
      } /*!sc*/
      .ProseMirror-focused {
        outline: none !important;
      } /*!sc*/
      .grecaptcha-badge {
        visibility: hidden;
      } /*!sc*/
      .conversation-controls {
        font-size: 1rem;
      } /*!sc*/
      .svg-color-bg0.svg-fill {
        fill: #0e0f21;
      } /*!sc*/
      .svg-color-textHeadings.svg-fill {
        fill: #f5f3c2;
      } /*!sc*/
      .svg-color-textMain.svg-fill {
        fill: #ffffff;
      } /*!sc*/
      .svg-color-bg3.svg-fill {
        fill: #22253f;
      } /*!sc*/
      .svg-color-bg0.svg-stroke {
        stroke: #0e0f21;
      } /*!sc*/
      .svg-color-textHeadings.svg-stroke {
        stroke: #f5f3c2;
      } /*!sc*/
      .svg-color-textMain.svg-stroke {
        stroke: #ffffff;
      } /*!sc*/
      .svg-color-bg3.svg-stroke {
        stroke: #22253f;
      } /*!sc*/
      .comment-box {
        font-size: 18px;
      } /*!sc*/
      data-styled.g2[id="sc-global-dglDdq1"] {
        content: "sc-global-dglDdq1,";
      } /*!sc*/
      .ikwGpZ {
        width: 20px;
        height: 20px;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        cursor: pointer;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-size: contain;
        mask-size: contain;
        -webkit-mask-position: center;
        mask-position: center;
        background-color: #ffffff;
        color-adjust: exact;
      } /*!sc*/
      @media (forced-colors: active) {
        .ikwGpZ {
          forced-color-adjust: none;
        }
      } /*!sc*/
      data-styled.g3[id="sc-bcXHqe"] {
        content: "ikwGpZ,";
      } /*!sc*/
      .cbYiBD {
        -webkit-mask-image: url(/_next/static/media/cross.fac5a02a.svg);
        mask-image: url(/_next/static/media/cross.fac5a02a.svg);
      } /*!sc*/
      data-styled.g25[id="sc-dIfARi"] {
        content: "cbYiBD,";
      } /*!sc*/
      .grrzHq {
        -webkit-mask-image: url(/_next/static/media/import.a2828e2c.svg);
        mask-image: url(/_next/static/media/import.a2828e2c.svg);
        height: 12px;
        width: 12px;
      } /*!sc*/
      data-styled.g52[id="sc-dPWrhe"] {
        content: "grrzHq,";
      } /*!sc*/
      .grQKNa {
        -webkit-mask-image: url(/_next/static/media/history.b9b000e8.svg);
        mask-image: url(/_next/static/media/history.b9b000e8.svg);
      } /*!sc*/
      data-styled.g85[id="sc-jTjUTQ"] {
        content: "grQKNa,";
      } /*!sc*/
      .jKsVXm {
        -webkit-mask-image: url(/_next/static/media/pen.87137c5d.svg);
        mask-image: url(/_next/static/media/pen.87137c5d.svg);
      } /*!sc*/
      data-styled.g90[id="sc-gsGlKL"] {
        content: "jKsVXm,";
      } /*!sc*/
      .hXPAKk {
        background: none;
        opacity: 1;
        border: none;
        cursor: pointer;
        padding: 0px;
        text-align: left;
      } /*!sc*/
      .hXPAKk:active {
        outline: 1px solid rgba(255, 255, 255, 0.2);
      } /*!sc*/
      .bzDOuq {
        background: none;
        opacity: 0.5;
        border: none;
        cursor: pointer;
        padding: 0px;
        text-align: left;
      } /*!sc*/
      .bzDOuq:active {
        outline: 1px solid rgba(255, 255, 255, 0.2);
      } /*!sc*/
      data-styled.g100[id="sc-dkBdza"] {
        content: "hXPAKk,bzDOuq,";
      } /*!sc*/
      .brctBG {
        height: 1px;
        position: relative;
      } /*!sc*/
      .brctBG::after {
        content: "";
        height: 1px;
        position: absolute;
        top: 0;
        width: 100%;
        background-image: linear-gradient(
          90deg,
          #f5f3c2 0%,
          #191b31 40%,
          #22253f 60%,
          #f5f3c2 100%
        );
        background-size: 200%;
        background-repeat: repeat-x;
        -webkit-animation: dFeXuH 2s linear infinite;
        animation: dFeXuH 2s linear infinite;
        opacity: 0;
        -webkit-transition: opacity 0.2s ease-in-out;
        transition: opacity 0.2s ease-in-out;
      } /*!sc*/
      data-styled.g109[id="sc-dWRHGJ"] {
        content: "brctBG,";
      } /*!sc*/
      .VwbdB {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        width: 100%;
      } /*!sc*/
      .fgBnXq {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
      } /*!sc*/
      data-styled.g110[id="sc-jGNhvO"] {
        content: "VwbdB,fgBnXq,";
      } /*!sc*/
      .kfwzNC {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: flex-start;
        -webkit-box-align: flex-start;
        -ms-flex-align: flex-start;
        align-items: flex-start;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        width: 100%;
      } /*!sc*/
      data-styled.g111[id="sc-bQmOxr"] {
        content: "kfwzNC,";
      } /*!sc*/
      .fUOUXQ {
        -webkit-flex: 1 1 20px;
        -ms-flex: 1 1 20px;
        flex: 1 1 20px;
        min-height: 20px;
        max-height: 20px;
      } /*!sc*/
      data-styled.g112[id="sc-fWQKxP"] {
        content: "fUOUXQ,";
      } /*!sc*/
      .ioCHPN {
        -webkit-flex: 1 1 0;
        -ms-flex: 1 1 0;
        flex: 1 1 0;
      } /*!sc*/
      data-styled.g113[id="sc-EJAja"] {
        content: "ioCHPN,";
      } /*!sc*/
      .fhyiBk {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 15px;
        margin-top: 0;
        font-size: 0.875rem;
      } /*!sc*/
      @media (max-width: 1200px) {
        .fhyiBk {
          margin-right: 15px;
        }
      } /*!sc*/
      .fhyiBk .sc-iqPaeV {
        height: 100%;
      } /*!sc*/
      .fhyiBk:not(:first-child) {
        margin-top: 20px;
      } /*!sc*/
      data-styled.g133[id="sc-kSGOQU"] {
        content: "fhyiBk,";
      } /*!sc*/
      .kzaiZZ {
        cursor: normal;
        font-size: 0.875rem;
        opacity: 0.5;
        font-weight: normal;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
      } /*!sc*/
      .kzaiZZ:hover {
        opacity: 0.5;
      } /*!sc*/
      .kzaiZZ .sc-bcXHqe {
        width: 14px;
        margin: auto 6px;
      } /*!sc*/
      data-styled.g137[id="sc-kiPvrU"] {
        content: "kzaiZZ,";
      } /*!sc*/
      .lnWqKg {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont,
          "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans",
          "Droid Sans", "Helvetica Neue", sans-serif;
        font-size: 0.875rem;
        font-weight: 600;
      } /*!sc*/
      data-styled.g140[id="sc-grxQYx"] {
        content: "lnWqKg,";
      } /*!sc*/
      .bPdUNl {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        font-size: 0.875rem;
        margin-bottom: 5px;
        -webkit-align-items: baseline;
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
      } /*!sc*/
      .bPdUNl input {
        font-weight: bold;
      } /*!sc*/
      .bPdUNl > :nth-child(1) {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
      } /*!sc*/
      .bPdUNl > :nth-child(1) > :nth-child(2) {
        font-size: 0.875rem;
        margin-right: 2px;
        padding: 0px;
        padding-left: 2px;
        min-width: 1rem;
        max-width: 4rem;
        border-radius: 2px;
        background-color: transparent;
        color: #ffffff;
      } /*!sc*/
      .bPdUNl > :nth-child(1) > :nth-child(2):focus {
        background-color: #0e0f21;
      } /*!sc*/
      data-styled.g142[id="sc-knEsKG"] {
        content: "bPdUNl,";
      } /*!sc*/
      .dNKKmO {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background: #0e0f21;
        height: 26px;
        outline: none !important;
        padding: 0;
        width: 100%;
        margin-bottom: 0.5rem;
      } /*!sc*/
      .dNKKmO::-webkit-slider-thumb {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background: #22253f;
        cursor: pointer;
        height: 26px;
        width: 14px;
      } /*!sc*/
      .dNKKmO::-moz-range-thumb {
        background: #22253f;
        cursor: pointer;
        height: 20px;
        width: 10px;
      } /*!sc*/
      .dNKKmO:focus::-moz-range-thumb {
        background: #f5f3c2;
      } /*!sc*/
      .dNKKmO:focus::-webkit-slider-thumb {
        background: #f5f3c2;
      } /*!sc*/
      @media (max-width: 800px) {
        .dNKKmO {
          pointer-events: none;
        }
        .dNKKmO::-webkit-slider-thumb {
          pointer-events: auto;
        }
        .dNKKmO::-moz-range-thumb {
          pointer-events: auto;
        }
      } /*!sc*/
      data-styled.g146[id="sc-fxTzYC"] {
        content: "dNKKmO,";
      } /*!sc*/
      .kQxJli {
        -webkit-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        cursor: pointer;
        font-weight: 600;
        width: 100%;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-align-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
        gap: 10px;
        opacity: 1;
      } /*!sc*/
      .kQxJli > div:first-child {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 0.875rem;
        margin-bottom: 6px;
      } /*!sc*/
      .kQxJli > span {
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        margin-left: 10px;
      } /*!sc*/
      data-styled.g186[id="sc-dxtBLK"] {
        content: "kQxJli,";
      } /*!sc*/
      .ATZfe {
        margin-bottom: 0;
        background: #f5f3c2;
        height: 20px;
        width: 47px;
        position: relative;
      } /*!sc*/
      .ATZfe:focus-within,
      .ATZfe:focus {
        outline: 2px solid #0e0f21;
      } /*!sc*/
      data-styled.g188[id="sc-hJVpLM"] {
        content: "ATZfe,";
      } /*!sc*/
      .FMykX {
        background: #0e0f21;
        height: 16px;
        width: 26px;
        top: 2px;
        position: absolute;
        right: 2px;
      } /*!sc*/
      data-styled.g189[id="sc-liQGml"] {
        content: "FMykX,";
      } /*!sc*/
      .jWuHsE.jWuHsE {
        position: absolute;
        background-color: #f5f3c2;
        height: 8px;
        width: 8px;
        top: 6px;
        right: 11px;
        -webkit-mask-image: url(/_next/static/media/check.c906eb0a.svg);
        mask-image: url(/_next/static/media/check.c906eb0a.svg);
      } /*!sc*/
      data-styled.g190[id="sc-cuOiQm"] {
        content: "jWuHsE,";
      } /*!sc*/
      .eZGSDK {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: 1fr;
        -webkit-align-items: baseline;
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
      } /*!sc*/
      .eZGSDK > span {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        grid-column-start: 1;
        grid-row-start: 1;
        opacity: 0.7;
        font-size: 0.875rem;
        display: block;
      } /*!sc*/
      .eZGSDK > span[aria-hidden="true"] {
        opacity: 0;
      } /*!sc*/
      data-styled.g191[id="sc-fTJzqL"] {
        content: "eZGSDK,";
      } /*!sc*/
      .lcpJRu {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        grid-column-start: 1;
        grid-row-start: 1;
        opacity: 0.7;
        font-size: 0.875rem;
        font-weight: 500;
      } /*!sc*/
      data-styled.g192[id="sc-bTtZEv"] {
        content: "lcpJRu,";
      } /*!sc*/
      .fMwMHX {
        position: absolute !important;
        height: 1px;
        top: 0;
        left: 0;
        width: 1px;
        overflow: hidden;
        -webkit-clip: rect(1px 1px 1px 1px);
        clip: rect(1px 1px 1px 1px);
        -webkit-clip: rect(1px, 1px, 1px, 1px);
        clip: rect(1px, 1px, 1px, 1px);
      } /*!sc*/
      data-styled.g200[id="sc-gXnjX"] {
        content: "fMwMHX,";
      } /*!sc*/
      .jWJBwO {
        display: inline-block;
        line-height: 0;
      } /*!sc*/
      data-styled.g202[id="sc-ckLdoV"] {
        content: "jWJBwO,";
      } /*!sc*/
      .ezASCC {
        pointer-events: none;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        position: relative;
        height: 100%;
        touch-action: pan-y;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        z-index: 200;
      } /*!sc*/
      .ezASCC * {
        touch-action: pan-y;
      } /*!sc*/
      @media (max-width: 350px) {
        .ezASCC {
          min-width: 100vw;
        }
      } /*!sc*/
      @media (max-width: 900px) {
        .ezASCC {
          position: absolute;
          right: 0;
        }
      } /*!sc*/
      @media (max-width: 900px) {
        .ezASCC {
          height: 100%;
          position: absolute;
          top: 0;
          right: 0;
        }
        .ezASCC > div {
          right: 0;
          position: absolute;
        }
      } /*!sc*/
      data-styled.g205[id="sc-kGFDUS"] {
        content: "ezASCC,";
      } /*!sc*/
      .aFfpO {
        position: absolute;
        left: -20px;
        width: 20px;
        height: 100%;
        top: 0;
        pointer-events: auto;
      } /*!sc*/
      data-styled.g206[id="sc-bATJPV"] {
        content: "aFfpO,";
      } /*!sc*/
      .XPtkD {
        position: fixed;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        visibility: hidden;
        background-color: rgba(0, 0, 0, 0);
        -webkit-transition: background-color 0.08s linear;
        transition: background-color 0.08s linear;
        z-index: 12000;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
      } /*!sc*/
      data-styled.g210[id="sc-dGQEGF"] {
        content: "XPtkD,";
      } /*!sc*/
      .gRuCum {
        background: rgba(14, 15, 33, 0.6);
        border-radius: 10px;
        padding: 20px;
        opacity: 0;
        -webkit-transition: opacity 0.06s linear;
        transition: opacity 0.06s linear;
      } /*!sc*/
      data-styled.g211[id="sc-PBEJI"] {
        content: "gRuCum,";
      } /*!sc*/
      .fCDREj {
        position: fixed;
        right: 0;
        top: 0;
        width: 100%;
        z-index: 1000;
        --toastify-color-light: #22253f;
        --toastify-color-progress-light: #f5f3c2;
        --toastify-text-color-light: #ffffff;
        --toastify-font-family: "Source Sans Pro", -apple-system,
          BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu",
          "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
      } /*!sc*/
      .fCDREj .Toastify__toast-container {
        position: absolute;
      } /*!sc*/
      .fCDREj .Toastify__toast {
        border-radius: 2px;
      } /*!sc*/
      .fCDREj .Toastify__close-button {
        color: #ffffff;
      } /*!sc*/
      .fCDREj .Toastify__progress-bar {
        height: 2px;
      } /*!sc*/
      data-styled.g212[id="sc-jephDI"] {
        content: "fCDREj,";
      } /*!sc*/
      .gIlrWD {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        height: 100%;
        background-color: #191b31;
        overflow-x: hidden;
      } /*!sc*/
      @media (max-width: 900px) {
        .gIlrWD {
          overflow-y: auto;
          overflow-x: hidden;
        }
      } /*!sc*/
      data-styled.g213[id="sc-fmixVB"] {
        content: "gIlrWD,";
      } /*!sc*/
      .ebuvfP {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 140px;
        height: 100%;
        -webkit-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 10px;
        padding: 20px 0;
        border-left: 1px solid #22253f;
        background: #191b31;
      } /*!sc*/
      @media (max-width: 900px) {
      } /*!sc*/
      data-styled.g214[id="sc-jccYHG"] {
        content: "ebuvfP,";
      } /*!sc*/
      .cvxgXY {
        display: grid;
        grid-template-columns: autofit;
        padding-left: 10px;
        overflow-y: scroll;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        gap: 10px;
        -webkit-align-items: flex-start;
        -webkit-box-align: flex-start;
        -ms-flex-align: flex-start;
        align-items: flex-start;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        grid-auto-flow: dense;
      } /*!sc*/
      data-styled.g215[id="sc-fjWoZz"] {
        content: "cvxgXY,";
      } /*!sc*/
      .dGwjEc {
        -webkit-flex: 1 1 0;
        -ms-flex: 1 1 0;
        flex: 1 1 0;
        height: 100%;
        max-width: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 20px;
      } /*!sc*/
      @media (max-width: 900px) {
        .dGwjEc {
          gap: 0;
        }
      } /*!sc*/
      data-styled.g216[id="sc-iuxOeI"] {
        content: "dGwjEc,";
      } /*!sc*/
      .hnYhPv {
        width: 280px;
        max-width: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0 1px 20px 1px;
      } /*!sc*/
      data-styled.g217[id="sc-eCrewB"] {
        content: "hnYhPv,";
      } /*!sc*/
      .cnCGUe {
        max-width: 1590;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex: 1 1 0;
        -ms-flex: 1 1 0;
        flex: 1 1 0;
        max-width: 1590;
        padding: 0;
        gap: 20px;
      } /*!sc*/
      @media (max-width: 900px) {
        .cnCGUe {
          -webkit-flex-direction: column;
          -ms-flex-direction: column;
          flex-direction: column;
          padding: 0;
          -webkit-align-items: stretch;
          -webkit-box-align: stretch;
          -ms-flex-align: stretch;
          align-items: stretch;
        }
      } /*!sc*/
      data-styled.g218[id="sc-islFiG"] {
        content: "cnCGUe,";
      } /*!sc*/
      .hOuTWu {
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        width: auto;
        min-height: calc(100vh - 60px);
        min-height: 100svh;
        overflow: hidden;
      } /*!sc*/
      data-styled.g219[id="sc-eAeVAz"] {
        content: "hOuTWu,";
      } /*!sc*/
      .dOYgia {
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 280px;
        overflow-y: auto;
        max-height: 100vh;
        max-height: 100svh;
        overflow-x: hidden;
        -webkit-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-right: 20px;
      } /*!sc*/
      @media (max-width: 900px) {
        .dOYgia {
          width: 100%;
          padding-bottom: 50px;
          max-height: unset;
          overflow: unset;
          border-left: none;
          padding-right: 0px;
        }
      } /*!sc*/
      data-styled.g220[id="sc-kAuIVs"] {
        content: "dOYgia,";
      } /*!sc*/
      .gzmmuf {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        width: 100%;
        max-width: 100vw;
        gap: 20px;
        padding: 10px 20px 20px 20px;
        background-color: #13152c;
      } /*!sc*/
      @media (max-width: 900px) {
        .gzmmuf {
          min-height: 400px;
          -webkit-flex-direction: column-reverse;
          -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
          -webkit-align-items: stretch;
          -webkit-box-align: stretch;
          -ms-flex-align: stretch;
          align-items: stretch;
          padding-top: 40px;
        }
      } /*!sc*/
      data-styled.g221[id="sc-gInZnl"] {
        content: "gzmmuf,";
      } /*!sc*/
      .kFMQLm {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -webkit-align-items: start;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
      } /*!sc*/
      @media (max-width: 900px) {
        .kFMQLm {
          -webkit-flex-direction: column;
          -ms-flex-direction: column;
          flex-direction: column;
          width: 100%;
          margin-top: 0;
        }
      } /*!sc*/
      data-styled.g222[id="sc-eJKXev"] {
        content: "kFMQLm,";
      } /*!sc*/
      .hfiUHk {
        -webkit-flex: 1 1 0;
        -ms-flex: 1 1 0;
        flex: 1 1 0;
        border-radius: 3px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: relative;
      } /*!sc*/
      @media (max-width: 900px) {
        .hfiUHk {
          margin: -20px;
          width: calc(100% + 40px);
        }
      } /*!sc*/
      data-styled.g227[id="sc-eVZGIO"] {
        content: "hfiUHk,";
      } /*!sc*/
      .fPGiFr {
        position: absolute;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        max-width: -webkit-fit-contentpx;
        max-width: -moz-fit-contentpx;
        max-width: fit-contentpx;
        gap: 20px;
      } /*!sc*/
      data-styled.g228[id="sc-gBInCZ"] {
        content: "fPGiFr,";
      } /*!sc*/
      .daZruu {
        height: 100px;
        width: 100px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        opacity: 0.5;
      } /*!sc*/
      data-styled.g231[id="sc-hbWBzy"] {
        content: "daZruu,";
      } /*!sc*/
      .hgHzXZ {
        white-space: pre;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        min-height: 1.5rem;
      } /*!sc*/
      .hgHzXZ .sc-bcXHqe {
        -webkit-transition: background-color ease-out 0.2s;
        transition: background-color ease-out 0.2s;
      } /*!sc*/
      .hgHzXZ:hover {
        color: #f5f3c2;
      } /*!sc*/
      .hgHzXZ:hover .sc-bcXHqe {
        background-color: #f5f3c2;
      } /*!sc*/
      data-styled.g234[id="sc-cPIbRQ"] {
        content: "hgHzXZ,";
      } /*!sc*/
      .gJcyvB {
        white-space: pre;
        background: none;
        border: none;
        cursor: pointer;
        padding: 0px;
        text-align: left;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
      } /*!sc*/
      .gJcyvB:active {
        outline: 1px solid rgba(255, 255, 255, 0.2);
      } /*!sc*/
      .gJcyvB .sc-bcXHqe {
        -webkit-transition: background-color ease-out 0.2s;
        transition: background-color ease-out 0.2s;
      } /*!sc*/
      .gJcyvB:hover {
        color: #f5f3c2;
      } /*!sc*/
      .gJcyvB:hover .sc-bcXHqe {
        background-color: #f5f3c2;
      } /*!sc*/
      data-styled.g235[id="sc-kmXbIF"] {
        content: "gJcyvB,";
      } /*!sc*/
      .gSBtuw {
        padding-right: 10px;
      } /*!sc*/
      @media (min-width: 901px) {
        .gSBtuw {
          display: none;
        }
      } /*!sc*/
      data-styled.g240[id="sc-bJYTlW"] {
        content: "gSBtuw,";
      } /*!sc*/
      .gaKBKF {
        display: none;
      } /*!sc*/
      @media (max-width: 900px) {
        .gaKBKF {
          display: block;
        }
      } /*!sc*/
      data-styled.g241[id="sc-jhnTcL"] {
        content: "gaKBKF,";
      } /*!sc*/
      .hoNtqm {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        border: 1px solid #22253f;
        padding: 20px;
        gap: 10px;
        width: 100%;
      } /*!sc*/
      data-styled.g244[id="sc-elvGZv"] {
        content: "hoNtqm,";
      } /*!sc*/
      .gwfuXP {
        font-size: 0.875rem;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        word-break: keep-all;
      } /*!sc*/
      data-styled.g245[id="sc-bugHcy"] {
        content: "gwfuXP,";
      } /*!sc*/
      .kfyNaq {
        height: 44px;
        padding: 10px 20px;
        border: 1px solid #22253f;
        border-radius: 3px;
      } /*!sc*/
      .kfyNaq:disabled {
        opacity: 0.5;
      } /*!sc*/
      data-styled.g246[id="sc-kNsGIp"] {
        content: "kfyNaq,";
      } /*!sc*/
      .jPiuB {
        padding: 12px 20px;
        border: 1px solid #22253f;
        border-radius: 3px;
      } /*!sc*/
      .jPiuB:disabled {
        opacity: 0.5;
      } /*!sc*/
      data-styled.g247[id="sc-hWdGLs"] {
        content: "jPiuB,";
      } /*!sc*/
      .fPIwbq {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 10px;
      } /*!sc*/
      .fPIwbq * {
        font-weight: normal !important;
      } /*!sc*/
      data-styled.g248[id="sc-kLgxMn"] {
        content: "fPIwbq,";
      } /*!sc*/
      .jBtxjT {
        -webkit-flex: 2;
        -ms-flex: 2;
        flex: 2;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        gap: 10px;
        margin-left: 20px;
        margin-top: 10px;
      } /*!sc*/
      @media (max-width: 900px) {
        .jBtxjT {
          margin: 10px 0;
          -webkit-flex: 0 0 auto;
          -ms-flex: 0 0 auto;
          flex: 0 0 auto;
          width: 100%;
          height: 44px;
        }
      } /*!sc*/
      @media (min-width: 900px) {
        .jBtxjT {
          max-width: 300px;
        }
      } /*!sc*/
      data-styled.g249[id="sc-hTRxPq"] {
        content: "jBtxjT,";
      } /*!sc*/
      .iwybMg {
        background-color: #13152c;
        color: #f5f3c2;
        height: 44px;
        border-radius: 3px;
        overflow: hidden;
        cursor: pointer;
        font-weight: 700;
        -webkit-flex: 0.1 0 auto;
        -ms-flex: 0.1 0 auto;
        flex: 0.1 0 auto;
        border: 1px solid #f5f3c2;
        -webkit-transition: color 100ms, background-color 100ms,
          -webkit-transform 150ms;
        -webkit-transition: color 100ms, background-color 100ms, transform 150ms;
        transition: color 100ms, background-color 100ms, transform 150ms;
        -webkit-align-self: flex-end;
        -ms-flex-item-align: end;
        align-self: flex-end;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-left: 20px;
        padding-right: 20px;
        gap: 10px;
      } /*!sc*/
      .iwybMg:disabled {
        color: #f5f3c2;
        opacity: 0.5;
      } /*!sc*/
      .iwybMg:hover {
        background-color: #f5f3c2;
        color: #13152c;
      } /*!sc*/
      .iwybMg:active {
        -webkit-transform: scale(0.98);
        -ms-transform: scale(0.98);
        transform: scale(0.98);
      } /*!sc*/
      .iwybMg > span:nth-child(2) {
        font-size: 0.875rem;
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 1px 10px;
        color: #13152c;
        background-color: #f5f3c2;
        border-radius: 3px;
        font-weight: 600;
        -webkit-transition: color 100ms, background-color 100ms,
          -webkit-transform 150ms;
        -webkit-transition: color 100ms, background-color 100ms, transform 150ms;
        transition: color 100ms, background-color 100ms, transform 150ms;
      } /*!sc*/
      .iwybMg > span:nth-child(2) .sc-bcXHqe {
        margin-left: 3px;
        background-color: #13152c;
        -webkit-transition: background-color 100ms, background-color 100ms,
          -webkit-transform 150ms;
        -webkit-transition: background-color 100ms, background-color 100ms,
          transform 150ms;
        transition: background-color 100ms, background-color 100ms,
          transform 150ms;
      } /*!sc*/
      .iwybMg:hover > span:nth-child(2) {
        color: #f5f3c2;
        background-color: #13152c;
      } /*!sc*/
      .iwybMg:hover > span:nth-child(2) .sc-bcXHqe {
        background-color: #f5f3c2;
      } /*!sc*/
      .iwybMg > * {
        white-space: pre;
        word-break: keep-all;
      } /*!sc*/
      data-styled.g250[id="sc-fJNrnh"] {
        content: "iwybMg,";
      } /*!sc*/
      @media (max-width: 900px) {
        .bfsnIo {
          display: none !important;
        }
      } /*!sc*/
      data-styled.g267[id="sc-cTcUcm"] {
        content: "bfsnIo,";
      } /*!sc*/
      @media (max-width: 900px) {
        .cWA-Dux {
          display: none !important;
        }
      } /*!sc*/
      data-styled.g268[id="sc-eyLAWx"] {
        content: "cWA-Dux,";
      } /*!sc*/
      @media (min-width: 900px) {
        .kvUtFD {
          display: none !important;
        }
      } /*!sc*/
      data-styled.g269[id="sc-fuRDZQ"] {
        content: "kvUtFD,";
      } /*!sc*/
      .iOZPnt {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        background-color: #13152c;
        border-bottom: 1px solid #22253f;
        width: 100%;
      } /*!sc*/
      data-styled.g272[id="sc-cqQeAO"] {
        content: "iOZPnt,";
      } /*!sc*/
      .dUdRsZ {
        -webkit-flex: 1 1 0;
        -ms-flex: 1 1 0;
        flex: 1 1 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 11px 20px;
      } /*!sc*/
      data-styled.g274[id="sc-eSEOys"] {
        content: "dUdRsZ,";
      } /*!sc*/
      .dKItyl {
        height: 100%;
        width: 8px;
        background-color: #0e0f21;
        border: 1px solid #22253f;
        border-left: none;
        border-radius: 0 3px 3px 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: flex-end;
        -webkit-box-align: flex-end;
        -ms-flex-align: flex-end;
        align-items: flex-end;
        overflow: hidden;
      } /*!sc*/
      data-styled.g278[id="sc-cTVMo"] {
        content: "dKItyl,";
      } /*!sc*/
      .kdVVfy {
        width: 100%;
        background-color: #ffffff;
        max-height: 100%;
      } /*!sc*/
      data-styled.g279[id="sc-hAiVDd"] {
        content: "kdVVfy,";
      } /*!sc*/
      @-webkit-keyframes dFeXuH {
        0% {
          background-position: 0% 0%;
        }
        100% {
          background-position: -200% 0%;
        }
      } /*!sc*/
      @keyframes dFeXuH {
        0% {
          background-position: 0% 0%;
        }
        100% {
          background-position: -200% 0%;
        }
      } /*!sc*/
      data-styled.g282[id="sc-keyframes-dFeXuH"] {
        content: "dFeXuH,";
      } /*!sc*/
    </style>
  </head>
  <body>
    <div id="__next">
      <div class="sc-jephDI fCDREj"><div class="Toastify"></div></div>
      <div class="sc-fmixVB gIlrWD">
        <div class="sc-iuxOeI dGwjEc">
          <div class="sc-islFiG cnCGUe">
            <div class="sc-bQmOxr sc-eAeVAz kfwzNC hOuTWu">
              <div class="sc-cqQeAO iOZPnt">
                <div class="sc-eSEOys dUdRsZ">
                  <span
                    style="
                      line-height: 1.2rem;
                      display: flex;
                      align-items: center;
                    "
                    class="sc-eyLAWx cWA-Dux"
                    ><button
                      style="
                        font-size: 0.875rem;
                        width: max-content;
                        margin-right: 20px;
                      "
                      class="sc-dkBdza sc-cPIbRQ hXPAKk hgHzXZ"
                    >
                      <div
                        style="height: 16px; width: 16px; margin-right: 5px"
                        class="sc-bcXHqe sc-gsGlKL ikwGpZ jKsVXm"
                      ></div>
                      <!-- -->绘制新图片</button
                    ><button
                      style="font-size: 0.875rem; width: max-content"
                      class="sc-dkBdza sc-cPIbRQ hXPAKk hgHzXZ"
                    >
                      <div
                        style="height: 13px; width: 13px; margin-right: 5px"
                        class="sc-bcXHqe sc-dPWrhe ikwGpZ grrzHq"
                      ></div>
                      <!-- -->上传图片
                    </button></span
                  ><span style="line-height: 1.2rem" class="sc-eyLAWx cWA-Dux"
                    ><button
                      style="margin-left: 20px"
                      class="sc-dkBdza sc-bJYTlW hXPAKk gSBtuw"
                    >
                      <div class="sc-bcXHqe sc-jTjUTQ ikwGpZ grQKNa"></div>
                    </button>
                    <div class="sc-EJAja ioCHPN"></div>
                    <a
                      href="//docs.novelai.net"
                      target="_blank"
                      style="
                        font-size: 0.875rem;
                        opacity: 0.8;
                        width: max-content;
                        padding: 0 0 0 10px;
                      "
                      class="sc-kmXbIF gJcyvB"
                      ><svg
                        stroke="currentColor"
                        fill="currentColor"
                        stroke-width="0"
                        viewBox="0 0 384 512"
                        height="1em"
                        width="1em"
                        xmlns="http://www.w3.org/2000/svg"
                      >
                        <path
                          d="M202.021 0C122.202 0 70.503 32.703 29.914 91.026c-7.363 10.58-5.093 25.086 5.178 32.874l43.138 32.709c10.373 7.865 25.132 6.026 33.253-4.148 25.049-31.381 43.63-49.449 82.757-49.449 30.764 0 68.816 19.799 68.816 49.631 0 22.552-18.617 34.134-48.993 51.164-35.423 19.86-82.299 44.576-82.299 106.405V320c0 13.255 10.745 24 24 24h72.471c13.255 0 24-10.745 24-24v-5.773c0-42.86 125.268-44.645 125.268-160.627C377.504 66.256 286.902 0 202.021 0zM192 373.459c-38.196 0-69.271 31.075-69.271 69.271 0 38.195 31.075 69.27 69.271 69.27s69.271-31.075 69.271-69.271-31.075-69.27-69.271-69.27z"
                        ></path></svg></a
                  ></span>
                </div>
              </div>
              <div class="sc-gInZnl gzmmuf">
                <div class="sc-eJKXev kFMQLm">
                  <div class="sc-cTcUcm bfsnIo"></div>
                  <div style="flex: 10; align-self: stretch">
                    <div class="sc-fuRDZQ kvUtFD">
                      <div class="sc-jGNhvO VwbdB">
                        <div class="sc-EJAja ioCHPN"></div>
                        <div style="flex: 0 1 20px"></div>
                        <button
                          style="
                            font-size: 0.875rem;
                            opacity: 0.8;
                            width: max-content;
                            margin-right: 20px;
                          "
                          class="sc-dkBdza sc-cPIbRQ hXPAKk hgHzXZ"
                        >
                          Paint</button
                        ><button
                          style="
                            font-size: 0.875rem;
                            opacity: 0.8;
                            width: max-content;
                          "
                          class="sc-dkBdza sc-cPIbRQ hXPAKk hgHzXZ"
                        >
                          Upload
                        </button>
                        <div style="flex: 0 1 20px"></div>
                        <button
                          style="height: 32px"
                          class="sc-dkBdza sc-bJYTlW hXPAKk gSBtuw"
                        >
                          <div class="sc-bcXHqe sc-jTjUTQ ikwGpZ grQKNa"></div>
                        </button>
                      </div>
                    </div>
                    <div class="sc-kLgxMn fPIwbq">
                      <div
                        style="
                          align-items: flex-end;
                          justify-content: flex-end;
                          flex-wrap: wrap;
                          row-gap: 20px;
                        "
                        class="sc-jGNhvO VwbdB"
                      >
                        <input
                          style="display: none"
                          accept="image/png, image/jpeg"
                          type="file"
                        />
                        <div class="sc-dGQEGF XPtkD">
                          <div class="sc-PBEJI gRuCum">
                            <svg
                              stroke="currentColor"
                              fill="currentColor"
                              stroke-width="0"
                              viewBox="0 0 24 24"
                              style="color: #ffffff; width: 50px; height: 50px"
                              height="1em"
                              width="1em"
                              xmlns="http://www.w3.org/2000/svg"
                            >
                              <path fill="none" d="M0 0h24v24H0z"></path>
                              <path
                                d="M9 16h6v-6h4l-7-7-7 7h4zm-4 2h14v2H5z"
                              ></path>
                            </svg>
                          </div>
                        </div>
                      </div>
                      <div style="display: flex; position: relative">
                        <input
                          type="text"
                          style="width: 100%; border-radius: 3px 0 0 3px"
                          id="prompt-input-0"
                          placeholder="输入Tag"
                          autocomplete="off"
                          class="sc-kNsGIp kfyNaq"
                          value=""
                        />
                        <div class="sc-ckLdoV jWJBwO">
                          <div class="sc-cTVMo dKItyl">
                            <div
                              style="height: 0%"
                              class="sc-hAiVDd kdVVfy"
                            ></div>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div
                      style="width: 100%; z-index: 1"
                      class="sc-dWRHGJ brctBG"
                    ></div>
                  </div>
                  <div class="sc-hTRxPq jBtxjT">
                    <button disabled="" class="sc-fJNrnh iwybMg">
                      <span>生成</span>
                    </button>
                  </div>
                </div>
                <div class="sc-eVZGIO hfiUHk">
                  <div class="sc-gBInCZ fPGiFr">
                    <div class="sc-hbWBzy daZruu">
                      <svg
                        width="58"
                        height="48"
                        viewBox="0 0 58 48"
                        fill="none"
                        xmlns="http://www.w3.org/2000/svg"
                      >
                        <path
                          d="M58 45.0403V2C58 0.895431 57.1046 0 56 0H2.00022C0.895652 0 0.000223091 0.895426 0.000216249 1.99999L1.23893e-05 34.9091C5.5469e-06 36.0137 0.895435 36.9091 2.00001 36.9091H46.6261C47.1566 36.9091 47.6653 37.1198 48.0403 37.4949L56.2929 45.7474C56.9229 46.3774 58 45.9312 58 45.0403Z"
                          fill="#22253F"
                        ></path>
                        <circle
                          cx="13.1818"
                          cy="18.4546"
                          r="5.27273"
                          fill="#13152C"
                        ></circle>
                        <circle
                          cx="29"
                          cy="18.4546"
                          r="5.27273"
                          fill="#13152C"
                        ></circle>
                        <circle
                          cx="44.8181"
                          cy="18.4546"
                          r="5.27273"
                          fill="#13152C"
                        ></circle>
                      </svg>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="sc-kAuIVs dOYgia">
              <div style="opacity: 0.5; padding: 20px" class="sc-bugHcy gwfuXP">
                设置
              </div>
              <div class="sc-eCrewB hnYhPv"></div>
              <div class="sc-elvGZv hoNtqm">
                <div class="sc-jGNhvO VwbdB">
                  <div class="sc-bugHcy gwfuXP">图片分辨率</div>
                  <div style="opacity: 0.5" class="sc-bugHcy gwfuXP">
                    [宽 x 高]
                  </div>
                </div>
                <style data-emotion="css 1c68x9a-container">
                  .css-1c68x9a-container {
                    position: relative;
                    box-sizing: border-box;
                    -webkit-flex: 1 1 auto;
                    -ms-flex: 1 1 auto;
                    flex: 1 1 auto;
                  }
                </style>
                <div class="select css-1c68x9a-container">
                  <style data-emotion="css 7pg0cj-a11yText">
                    .css-7pg0cj-a11yText {
                      z-index: 9999;
                      border: 0;
                      clip: rect(1px, 1px, 1px, 1px);
                      height: 1px;
                      width: 1px;
                      position: absolute;
                      overflow: hidden;
                      padding: 0;
                      white-space: nowrap;
                    }</style
                  ><span
                    id="react-select-2-live-region"
                    class="css-7pg0cj-a11yText"
                  ></span
                  ><span
                    aria-live="polite"
                    aria-atomic="false"
                    aria-relevant="additions text"
                    class="css-7pg0cj-a11yText"
                  ></span
                  ><style data-emotion="css f61ll8-control">
                    .css-f61ll8-control {
                      -webkit-align-items: center;
                      -webkit-box-align: center;
                      -ms-flex-align: center;
                      align-items: center;
                      background-color: #191b31;
                      border-color: #13152c;
                      border-radius: 0;
                      border-style: solid;
                      border-width: 1px;
                      box-shadow: 0px !important;
                      cursor: pointer;
                      display: -webkit-box;
                      display: -webkit-flex;
                      display: -ms-flexbox;
                      display: flex;
                      -webkit-box-flex-wrap: wrap;
                      -webkit-flex-wrap: wrap;
                      -ms-flex-wrap: wrap;
                      flex-wrap: wrap;
                      -webkit-box-pack: justify;
                      -webkit-justify-content: space-between;
                      justify-content: space-between;
                      min-height: 38px;
                      outline: 1px solid #22253f !important;
                      position: relative;
                      -webkit-transition: all 100ms;
                      transition: all 100ms;
                      box-sizing: border-box;
                      border: 0px !important;
                    }
                    .css-f61ll8-control:hover {
                      border-color: #191b31;
                    }
                  </style>
                  <div class="css-f61ll8-control">
                    <style data-emotion="css 9elwun">
                      .css-9elwun {
                        -webkit-align-items: center;
                        -webkit-box-align: center;
                        -ms-flex-align: center;
                        align-items: center;
                        display: grid;
                        -webkit-flex: 1;
                        -ms-flex: 1;
                        flex: 1;
                        -webkit-box-flex-wrap: wrap;
                        -webkit-flex-wrap: wrap;
                        -ms-flex-wrap: wrap;
                        flex-wrap: wrap;
                        padding: 2px 8px;
                        -webkit-overflow-scrolling: touch;
                        position: relative;
                        overflow: hidden;
                        box-sizing: border-box;
                        width: 0;
                      }
                    </style>
                    <div class="css-9elwun">
                      <style data-emotion="css jz94ut-singleValue">
                        .css-jz94ut-singleValue {
                          color: #ffffff;
                          grid-area: 1/1/2/3;
                          margin-left: 2px;
                          margin-right: 2px;
                          max-width: 100%;
                          overflow: visible;
                          text-overflow: ellipsis;
                          white-space: nowrap;
                          box-sizing: border-box;
                        }
                      </style>
                      <div class="css-jz94ut-singleValue">
                        Portrait (Normal)
                      </div>
                      <style data-emotion="css 1hac4vs-dummyInput">
                        .css-1hac4vs-dummyInput {
                          background: 0;
                          border: 0;
                          caret-color: transparent;
                          font-size: inherit;
                          grid-area: 1/1/2/3;
                          outline: 0;
                          padding: 0;
                          width: 1px;
                          color: transparent;
                          left: -100px;
                          opacity: 0;
                          position: relative;
                          -webkit-transform: scale(0.01);
                          -moz-transform: scale(0.01);
                          -ms-transform: scale(0.01);
                          transform: scale(0.01);
                        }</style
                      ><input
                        id="react-select-2-input"
                        tabindex="0"
                        inputmode="none"
                        aria-autocomplete="list"
                        aria-expanded="false"
                        aria-haspopup="true"
                        aria-label="Select a Resolution"
                        role="combobox"
                        aria-readonly="true"
                        class="css-1hac4vs-dummyInput"
                        value=""
                      />
                    </div>
                    <style data-emotion="css 1wy0on6">
                      .css-1wy0on6 {
                        -webkit-align-items: center;
                        -webkit-box-align: center;
                        -ms-flex-align: center;
                        align-items: center;
                        -webkit-align-self: stretch;
                        -ms-flex-item-align: stretch;
                        align-self: stretch;
                        display: -webkit-box;
                        display: -webkit-flex;
                        display: -ms-flexbox;
                        display: flex;
                        -webkit-flex-shrink: 0;
                        -ms-flex-negative: 0;
                        flex-shrink: 0;
                        box-sizing: border-box;
                      }
                    </style>
                    <div class="css-1wy0on6">
                      <style data-emotion="css 1b5wwtq-indicatorSeparator">
                        .css-1b5wwtq-indicatorSeparator {
                          -webkit-align-self: stretch;
                          -ms-flex-item-align: stretch;
                          align-self: stretch;
                          background-color: #13152c;
                          margin-bottom: 8px;
                          margin-top: 8px;
                          width: 1px;
                          box-sizing: border-box;
                        }</style
                      ><span class="css-1b5wwtq-indicatorSeparator"></span
                      ><style data-emotion="css eseg11-indicatorContainer">
                        .css-eseg11-indicatorContainer {
                          color: #ffffff;
                          display: -webkit-box;
                          display: -webkit-flex;
                          display: -ms-flexbox;
                          display: flex;
                          padding: 8px;
                          -webkit-transition: color 150ms;
                          transition: color 150ms;
                          box-sizing: border-box;
                        }
                        .css-eseg11-indicatorContainer:hover {
                          color: rgba(255, 255, 255, 0.6);
                        }
                      </style>
                      <div
                        class="css-eseg11-indicatorContainer"
                        aria-hidden="true"
                      >
                        <style data-emotion="css 8mmkcg">
                          .css-8mmkcg {
                            display: inline-block;
                            fill: currentColor;
                            line-height: 1;
                            stroke: currentColor;
                            stroke-width: 0;
                          }</style
                        ><svg
                          height="20"
                          width="20"
                          viewBox="0 0 20 20"
                          aria-hidden="true"
                          focusable="false"
                          class="css-8mmkcg"
                        >
                          <path
                            d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
                          ></path>
                        </svg>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="sc-jGNhvO VwbdB">
                  <input
                    type="number"
                    style="opacity: 0.5"
                    class="sc-kNsGIp kfyNaq"
                    value="512"
                  /><button class="sc-dkBdza hXPAKk">
                    <div
                      style="
                        height: 15px;
                        width: 15px;
                        margin: 18px;
                        flex: 0 0 auto;
                      "
                      class="sc-bcXHqe sc-dIfARi ikwGpZ cbYiBD"
                    ></div></button
                  ><input
                    type="number"
                    style="opacity: 0.5"
                    class="sc-kNsGIp kfyNaq"
                    value="768"
                  />
                </div>
                <div style="opacity: 1" class="sc-kLgxMn fPIwbq">
                  <div style="margin: 0" class="sc-kSGOQU fhyiBk">
                    <div style="display: flex">
                      <div style="margin-right: 0.5ch" class="sc-grxQYx lnWqKg">
                        图片数量（生成）:
                      </div>
                      <div class="sc-knEsKG bPdUNl">
                        <div
                          style="
                            display: flex;
                            flex-direction: row;
                            align-items: center;
                          "
                        >
                          <div></div>
                          <input type="number" value="1" />
                          <div></div>
                        </div>
                        <div class="sc-kiPvrU kzaiZZ"></div>
                      </div>
                    </div>
                    <input
                      type="range"
                      min="1"
                      max="100"
                      step="1"
                      class="sc-fxTzYC dNKKmO slider thick-slider"
                      value="1"
                    />
                  </div>
                </div>
              </div>
              <div min="20" max="20" class="sc-fWQKxP fUOUXQ"></div>
              <div style="gap: 20px" class="sc-elvGZv hoNtqm">
                <div style="opacity: 0.7" class="sc-bugHcy gwfuXP">
                  模型设置
                  <div class="sc-ckLdoV jWJBwO">
                    <svg
                      stroke="currentColor"
                      fill="currentColor"
                      stroke-width="0"
                      viewBox="0 0 24 24"
                      style="opacity: 0.3; margin-left: 0.3rem"
                      height="1em"
                      width="1em"
                      xmlns="http://www.w3.org/2000/svg"
                    >
                      <path fill="none" d="M0 0h24v24H0z"></path>
                      <path
                        d="M11 18h2v-2h-2v2zm1-16C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm0-14c-2.21 0-4 1.79-4 4h2c0-1.1.9-2 2-2s2 .9 2 2c0 2-3 1.75-3 5h2c0-2.25 3-2.5 3-5 0-2.21-1.79-4-4-4z"
                      ></path>
                    </svg>
                  </div>
                </div>
                <div class="sc-jGNhvO fgBnXq">
                  <div class="sc-kLgxMn fPIwbq">
                    <div class="sc-bugHcy gwfuXP">运算步数</div>
                    <input type="number" class="sc-kNsGIp kfyNaq" value="28" />
                  </div>
                  <div style="width: 20px"></div>
                  <div class="sc-kLgxMn fPIwbq">
                    <div class="sc-bugHcy gwfuXP">自由发挥度</div>
                    <input
                      type="number"
                      min="1.1"
                      step="0.1"
                      max="100"
                      class="sc-kNsGIp kfyNaq"
                      value="12"
                    />
                  </div>
                </div>
                <div class="sc-kLgxMn fPIwbq">
                  <div class="sc-bugHcy gwfuXP">种子</div>
                  <input
                    type="number"
                    placeholder="输入随机种子数"
                    class="sc-kNsGIp kfyNaq"
                    value=""
                  />
                </div>
                <label class="sc-dxtBLK kQxJli"
                  ><div class="sc-jGNhvO VwbdB">
                    <div
                      style="justify-content: flex-start; width: max-content"
                      class="sc-jGNhvO VwbdB"
                    >
                      添加高质量标签
                    </div>
                    <div>
                      <div checked="" class="sc-hJVpLM ATZfe">
                        <div checked="" class="sc-liQGml FMykX"></div>
                        <div
                          checked=""
                          class="sc-bcXHqe sc-cuOiQm ikwGpZ jWuHsE"
                        ></div>
                        <div class="sc-gXnjX fMwMHX">
                          <input
                            aria-label="Add Quality Tags"
                            type="checkbox"
                            checked=""
                          />
                        </div>
                      </div>
                    </div>
                  </div>
                  <div value="true" class="sc-fTJzqL eZGSDK">
                    <span aria-hidden="false" class="sc-bTtZEv lcpJRu"
                      >自动添加高质量标签</span
                    ><span aria-hidden="true" class="sc-bTtZEv lcpJRu"
                      >The prompt will be used unmodified.</span
                    >
                  </div></label
                >
                <div class="sc-kLgxMn fPIwbq">
                  <div class="sc-bugHcy gwfuXP">标签内容过滤</div>
                  <style data-emotion="css 1c68x9a-container">
                    .css-1c68x9a-container {
                      position: relative;
                      box-sizing: border-box;
                      -webkit-flex: 1 1 auto;
                      -ms-flex: 1 1 auto;
                      flex: 1 1 auto;
                    }
                  </style>
                  <div class="select css-1c68x9a-container">
                    <style data-emotion="css 7pg0cj-a11yText">
                      .css-7pg0cj-a11yText {
                        z-index: 9999;
                        border: 0;
                        clip: rect(1px, 1px, 1px, 1px);
                        height: 1px;
                        width: 1px;
                        position: absolute;
                        overflow: hidden;
                        padding: 0;
                        white-space: nowrap;
                      }</style
                    ><span
                      id="react-select-3-live-region"
                      class="css-7pg0cj-a11yText"
                    ></span
                    ><span
                      aria-live="polite"
                      aria-atomic="false"
                      aria-relevant="additions text"
                      class="css-7pg0cj-a11yText"
                    ></span
                    ><style data-emotion="css f61ll8-control">
                      .css-f61ll8-control {
                        -webkit-align-items: center;
                        -webkit-box-align: center;
                        -ms-flex-align: center;
                        align-items: center;
                        background-color: #191b31;
                        border-color: #13152c;
                        border-radius: 0;
                        border-style: solid;
                        border-width: 1px;
                        box-shadow: 0px !important;
                        cursor: pointer;
                        display: -webkit-box;
                        display: -webkit-flex;
                        display: -ms-flexbox;
                        display: flex;
                        -webkit-box-flex-wrap: wrap;
                        -webkit-flex-wrap: wrap;
                        -ms-flex-wrap: wrap;
                        flex-wrap: wrap;
                        -webkit-box-pack: justify;
                        -webkit-justify-content: space-between;
                        justify-content: space-between;
                        min-height: 38px;
                        outline: 1px solid #22253f !important;
                        position: relative;
                        -webkit-transition: all 100ms;
                        transition: all 100ms;
                        box-sizing: border-box;
                        border: 0px !important;
                      }
                      .css-f61ll8-control:hover {
                        border-color: #191b31;
                      }
                    </style>
                    <div class="css-f61ll8-control">
                      <style data-emotion="css 9elwun">
                        .css-9elwun {
                          -webkit-align-items: center;
                          -webkit-box-align: center;
                          -ms-flex-align: center;
                          align-items: center;
                          display: grid;
                          -webkit-flex: 1;
                          -ms-flex: 1;
                          flex: 1;
                          -webkit-box-flex-wrap: wrap;
                          -webkit-flex-wrap: wrap;
                          -ms-flex-wrap: wrap;
                          flex-wrap: wrap;
                          padding: 2px 8px;
                          -webkit-overflow-scrolling: touch;
                          position: relative;
                          overflow: hidden;
                          box-sizing: border-box;
                          width: 0;
                        }
                      </style>
                      <div class="css-9elwun">
                        <style data-emotion="css jz94ut-singleValue">
                          .css-jz94ut-singleValue {
                            color: #ffffff;
                            grid-area: 1/1/2/3;
                            margin-left: 2px;
                            margin-right: 2px;
                            max-width: 100%;
                            overflow: visible;
                            text-overflow: ellipsis;
                            white-space: nowrap;
                            box-sizing: border-box;
                          }
                        </style>
                        <div class="css-jz94ut-singleValue">
                          低质量 + 结构错误
                        </div>
                        <style data-emotion="css 1hac4vs-dummyInput">
                          .css-1hac4vs-dummyInput {
                            background: 0;
                            border: 0;
                            caret-color: transparent;
                            font-size: inherit;
                            grid-area: 1/1/2/3;
                            outline: 0;
                            padding: 0;
                            width: 1px;
                            color: transparent;
                            left: -100px;
                            opacity: 0;
                            position: relative;
                            -webkit-transform: scale(0.01);
                            -moz-transform: scale(0.01);
                            -ms-transform: scale(0.01);
                            transform: scale(0.01);
                          }</style
                        ><input
                          id="react-select-3-input"
                          tabindex="0"
                          inputmode="none"
                          aria-autocomplete="list"
                          aria-expanded="false"
                          aria-haspopup="true"
                          aria-label="Select a preset"
                          role="combobox"
                          aria-readonly="true"
                          class="css-1hac4vs-dummyInput"
                          value=""
                        />
                      </div>
                      <style data-emotion="css 1wy0on6">
                        .css-1wy0on6 {
                          -webkit-align-items: center;
                          -webkit-box-align: center;
                          -ms-flex-align: center;
                          align-items: center;
                          -webkit-align-self: stretch;
                          -ms-flex-item-align: stretch;
                          align-self: stretch;
                          display: -webkit-box;
                          display: -webkit-flex;
                          display: -ms-flexbox;
                          display: flex;
                          -webkit-flex-shrink: 0;
                          -ms-flex-negative: 0;
                          flex-shrink: 0;
                          box-sizing: border-box;
                        }
                      </style>
                      <div class="css-1wy0on6">
                        <style data-emotion="css 1b5wwtq-indicatorSeparator">
                          .css-1b5wwtq-indicatorSeparator {
                            -webkit-align-self: stretch;
                            -ms-flex-item-align: stretch;
                            align-self: stretch;
                            background-color: #13152c;
                            margin-bottom: 8px;
                            margin-top: 8px;
                            width: 1px;
                            box-sizing: border-box;
                          }</style
                        ><span class="css-1b5wwtq-indicatorSeparator"></span
                        ><style data-emotion="css eseg11-indicatorContainer">
                          .css-eseg11-indicatorContainer {
                            color: #ffffff;
                            display: -webkit-box;
                            display: -webkit-flex;
                            display: -ms-flexbox;
                            display: flex;
                            padding: 8px;
                            -webkit-transition: color 150ms;
                            transition: color 150ms;
                            box-sizing: border-box;
                          }
                          .css-eseg11-indicatorContainer:hover {
                            color: rgba(255, 255, 255, 0.6);
                          }
                        </style>
                        <div
                          class="css-eseg11-indicatorContainer"
                          aria-hidden="true"
                        >
                          <style data-emotion="css 8mmkcg">
                            .css-8mmkcg {
                              display: inline-block;
                              fill: currentColor;
                              line-height: 1;
                              stroke: currentColor;
                              stroke-width: 0;
                            }</style
                          ><svg
                            height="20"
                            width="20"
                            viewBox="0 0 20 20"
                            aria-hidden="true"
                            focusable="false"
                            class="css-8mmkcg"
                          >
                            <path
                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
                            ></path>
                          </svg>
                        </div>
                      </div>
                    </div>
                  </div>
                  <textarea
                    placeholder="输入自定义过滤Tag"
                    class="sc-hWdGLs jPiuB"
                  ></textarea>
                </div>
                <div class="sc-kLgxMn fPIwbq">
                  <div class="sc-bugHcy gwfuXP">高级设置: 采样</div>
                  <style data-emotion="css 1c68x9a-container">
                    .css-1c68x9a-container {
                      position: relative;
                      box-sizing: border-box;
                      -webkit-flex: 1 1 auto;
                      -ms-flex: 1 1 auto;
                      flex: 1 1 auto;
                    }
                  </style>
                  <div class="select css-1c68x9a-container">
                    <style data-emotion="css 7pg0cj-a11yText">
                      .css-7pg0cj-a11yText {
                        z-index: 9999;
                        border: 0;
                        clip: rect(1px, 1px, 1px, 1px);
                        height: 1px;
                        width: 1px;
                        position: absolute;
                        overflow: hidden;
                        padding: 0;
                        white-space: nowrap;
                      }</style
                    ><span
                      id="react-select-4-live-region"
                      class="css-7pg0cj-a11yText"
                    ></span
                    ><span
                      aria-live="polite"
                      aria-atomic="false"
                      aria-relevant="additions text"
                      class="css-7pg0cj-a11yText"
                    ></span
                    ><style data-emotion="css f61ll8-control">
                      .css-f61ll8-control {
                        -webkit-align-items: center;
                        -webkit-box-align: center;
                        -ms-flex-align: center;
                        align-items: center;
                        background-color: #191b31;
                        border-color: #13152c;
                        border-radius: 0;
                        border-style: solid;
                        border-width: 1px;
                        box-shadow: 0px !important;
                        cursor: pointer;
                        display: -webkit-box;
                        display: -webkit-flex;
                        display: -ms-flexbox;
                        display: flex;
                        -webkit-box-flex-wrap: wrap;
                        -webkit-flex-wrap: wrap;
                        -ms-flex-wrap: wrap;
                        flex-wrap: wrap;
                        -webkit-box-pack: justify;
                        -webkit-justify-content: space-between;
                        justify-content: space-between;
                        min-height: 38px;
                        outline: 1px solid #22253f !important;
                        position: relative;
                        -webkit-transition: all 100ms;
                        transition: all 100ms;
                        box-sizing: border-box;
                        border: 0px !important;
                      }
                      .css-f61ll8-control:hover {
                        border-color: #191b31;
                      }
                    </style>
                    <div class="css-f61ll8-control">
                      <style data-emotion="css 9elwun">
                        .css-9elwun {
                          -webkit-align-items: center;
                          -webkit-box-align: center;
                          -ms-flex-align: center;
                          align-items: center;
                          display: grid;
                          -webkit-flex: 1;
                          -ms-flex: 1;
                          flex: 1;
                          -webkit-box-flex-wrap: wrap;
                          -webkit-flex-wrap: wrap;
                          -ms-flex-wrap: wrap;
                          flex-wrap: wrap;
                          padding: 2px 8px;
                          -webkit-overflow-scrolling: touch;
                          position: relative;
                          overflow: hidden;
                          box-sizing: border-box;
                          width: 0;
                        }
                      </style>
                      <div class="css-9elwun">
                        <style data-emotion="css jz94ut-singleValue">
                          .css-jz94ut-singleValue {
                            color: #ffffff;
                            grid-area: 1/1/2/3;
                            margin-left: 2px;
                            margin-right: 2px;
                            max-width: 100%;
                            overflow: visible;
                            text-overflow: ellipsis;
                            white-space: nowrap;
                            box-sizing: border-box;
                          }
                        </style>
                        <div class="css-jz94ut-singleValue">
                          k_euler_ancestral
                        </div>
                        <style data-emotion="css 1hac4vs-dummyInput">
                          .css-1hac4vs-dummyInput {
                            background: 0;
                            border: 0;
                            caret-color: transparent;
                            font-size: inherit;
                            grid-area: 1/1/2/3;
                            outline: 0;
                            padding: 0;
                            width: 1px;
                            color: transparent;
                            left: -100px;
                            opacity: 0;
                            position: relative;
                            -webkit-transform: scale(0.01);
                            -moz-transform: scale(0.01);
                            -ms-transform: scale(0.01);
                            transform: scale(0.01);
                          }</style
                        ><input
                          id="react-select-4-input"
                          tabindex="0"
                          inputmode="none"
                          aria-autocomplete="list"
                          aria-expanded="false"
                          aria-haspopup="true"
                          aria-label="Select a sampler"
                          role="combobox"
                          aria-readonly="true"
                          class="css-1hac4vs-dummyInput"
                          value=""
                        />
                      </div>
                      <style data-emotion="css 1wy0on6">
                        .css-1wy0on6 {
                          -webkit-align-items: center;
                          -webkit-box-align: center;
                          -ms-flex-align: center;
                          align-items: center;
                          -webkit-align-self: stretch;
                          -ms-flex-item-align: stretch;
                          align-self: stretch;
                          display: -webkit-box;
                          display: -webkit-flex;
                          display: -ms-flexbox;
                          display: flex;
                          -webkit-flex-shrink: 0;
                          -ms-flex-negative: 0;
                          flex-shrink: 0;
                          box-sizing: border-box;
                        }
                      </style>
                      <div class="css-1wy0on6">
                        <style data-emotion="css 1b5wwtq-indicatorSeparator">
                          .css-1b5wwtq-indicatorSeparator {
                            -webkit-align-self: stretch;
                            -ms-flex-item-align: stretch;
                            align-self: stretch;
                            background-color: #13152c;
                            margin-bottom: 8px;
                            margin-top: 8px;
                            width: 1px;
                            box-sizing: border-box;
                          }</style
                        ><span class="css-1b5wwtq-indicatorSeparator"></span
                        ><style data-emotion="css eseg11-indicatorContainer">
                          .css-eseg11-indicatorContainer {
                            color: #ffffff;
                            display: -webkit-box;
                            display: -webkit-flex;
                            display: -ms-flexbox;
                            display: flex;
                            padding: 8px;
                            -webkit-transition: color 150ms;
                            transition: color 150ms;
                            box-sizing: border-box;
                          }
                          .css-eseg11-indicatorContainer:hover {
                            color: rgba(255, 255, 255, 0.6);
                          }
                        </style>
                        <div
                          class="css-eseg11-indicatorContainer"
                          aria-hidden="true"
                        >
                          <style data-emotion="css 8mmkcg">
                            .css-8mmkcg {
                              display: inline-block;
                              fill: currentColor;
                              line-height: 1;
                              stroke: currentColor;
                              stroke-width: 0;
                            }</style
                          ><svg
                            height="20"
                            width="20"
                            viewBox="0 0 20 20"
                            aria-hidden="true"
                            focusable="false"
                            class="css-8mmkcg"
                          >
                            <path
                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
                            ></path>
                          </svg>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div
          style="height: 100%; width: 140px; overflow-x: hidden"
          class="sc-kGFDUS ezASCC"
        >
          <div
            style="
              height: 100%;
              width: min-content;
              overflow-x: hidden;
              overflow-y: auto;
              transform: translateX(140px) translateZ(0);
            "
          >
            <div id="historyContainer" class="sc-jccYHG ebuvfP">
              <div
                style="
                  display: flex;
                  width: 100%;
                  justify-content: center;
                  padding: 0 30px;
                "
              >
                <button
                  style="margin-right: auto"
                  class="sc-dkBdza sc-jhnTcL hXPAKk gaKBKF"
                >
                  <div
                    style="width: 14px; height: 14px"
                    class="sc-bcXHqe sc-dIfARi ikwGpZ cbYiBD"
                  ></div>
                </button>
                <div
                  style="opacity: 0.5; flex: 0 0 auto"
                  class="sc-bugHcy gwfuXP"
                >
                  历史记录
                  <div class="sc-ckLdoV jWJBwO">
                    <svg
                      stroke="currentColor"
                      fill="currentColor"
                      stroke-width="0"
                      viewBox="0 0 24 24"
                      style="opacity: 0.3; margin-left: 0.3rem"
                      height="1em"
                      width="1em"
                      xmlns="http://www.w3.org/2000/svg"
                    >
                      <path fill="none" d="M0 0h24v24H0z"></path>
                      <path
                        d="M11 18h2v-2h-2v2zm1-16C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm0-14c-2.21 0-4 1.79-4 4h2c0-1.1.9-2 2-2s2 .9 2 2c0 2-3 1.75-3 5h2c0-2.25 3-2.5 3-5 0-2.21-1.79-4-4-4z"
                      ></path>
                    </svg>
                  </div>
                </div>
              </div>
              <div class="sc-fjWoZz cvxgXY"></div>
              <button
                disabled=""
                style="opacity: 0.4; font-size: 0.8rem; font-weight: 400"
                class="sc-dkBdza bzDOuq"
              >
                打包下载
              </button>
            </div>
            <div class="sc-bATJPV aFfpO"></div>
          </div>
        </div>
      </div>
    </div>
    <script id="__NEXT_DATA__" type="application/json">
      {
        "props": { "pageProps": {} },
        "page": "/",
        "query": {},
        "buildId": "iOAiUfaIqGfmt0b-o-tJ0",
        "nextExport": true,
        "autoExport": true,
        "isFallback": false,
        "scriptLoader": []
      }
    </script>
  </body>
</html>
